<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>开个价首页</title>
        
        <link rel="stylesheet" href="static/css/base.css"  type="text/css">
        <link rel="stylesheet" href="static/css/style.css"  type="text/css">
        <script src="static/js/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="static/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
        <script src="static/js/jquery.blockUI.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $('#signup_ln').click(function(){ 
    	
                    $.blockUI({ message: $('#signup_box'),
                        css: { 
                
                            top:'50%',
                            left:'50%',
                            textAlign:	'left',
                            marginLeft:'-400px', 
                            marginTop:'-270px',
                            width: '800px',
                            height:'570px',
                            borderRadius:'10px',
                            fontFamily: '"Microsoft YaHei", SimHei, sans-serif, simsu, Arial, Helvetica',
                
                
                        }}); 
          
                    $('.blockOverlay').attr('title','单击关闭').click($.unblockUI); 
                    $('.ui-link1').click($.unblockUI);
                }); 
     
                $('#login_ln').click(function(){ 
    	
                    $.blockUI({ message: $('#signin_box'),
                        css: { 
                
                            top:		'50%',
                            left:		'50%',
                            textAlign:	'left',
                            marginLeft:     '-400px', 
                            marginTop:      '-270px',
                            width: '800px',
                            height:'570px',
                            borderRadius:'10px',
                            fontFamily: '"Microsoft YaHei", SimHei, sans-serif, simsu, Arial, Helvetica',
                
                
                        }}); 
          
                    $('.blockOverlay').attr('title','单击关闭').click($.unblockUI); 
                    $('.ui-link1').click($.unblockUI);
                }); 
	 	
            });	 
        </script>
    </head>
    <body>
        <div id="signin_box" class="ui-sign-box">
            <div id="title_bar" class="sign-box-title">
                <span id="sign_title" class="sign-title">登录开个价</span>
                <a href="#" class="ui-link1 " title="关闭">X</a>
            </div>
            <div id="signin_content" class="sign-content">
                <div id="signup_fields" class="sign-fields">
                    <div class="sign-field" >
                        <span>Email地址：</span>
                        <input id="email" type="text"/>
                    </div>
                    <div class='sign-field'>
                        <span>密码：</span>
                        <input id='password' type="password"/>
                    </div>
                    <div class='sign-field'>
                        <input id='remember_me' type="checkbox" class="remember-me">
                        下次自动登录</input> <a href="#">忘记密码？</a>
                    </div>
                    <div class='sign-field'>
                        <input type="submit" value="登录" id="signin_btn" class="ui-submit-btn1">
                    </div>
                    <div id="signup_us" class="signup-us">
                        <div id ="to_sign" >
                            还没有开个价帐号?<a href="#" id="quick_signup">免费注册</a>
                        </div>
                        <div id = "m_version" class="m-entry">
                            <p>手机访问开个价</p>
                            <a href="#">http://www.kaigejia.com</a>
                        </div>
                    </div>
                </div>
                <div id="vendor_entry" class="vendor-entry">
                    <ul>
                        通过合作网站直接登录开个价
                        <li><img src="static/img/vendor_logo_sample.png">MSN
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">人人网
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">新浪微博
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">QQ
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">支付宝
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">盛大通行证
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">更多
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="signup_box" class="ui-sign-box">
            <div id="title_bar" class="sign-box-title">
                <span id="signup_title" class="sign-title">注册开个价会员</span>
                <span>已经有开个价帐号？</span><a href="#">请直接登录</a>
                <a href="#" class="ui-link1" title="关闭">X</a>
            </div>
            <div id="signup_content" class="sign-content">
                <div id="sign_fields" class="sign-fields">
                    <div class='sign-field' class="sign-field">
                        <span>您的Email地址：</span>
                        <input id='email' type="text"/>
                        <p class="field-tips">
                            请插入您常用的邮箱地址
                        </p>
                    </div>
                    <div class='sign-field'>
                        <span>用户名：</span>
                        <input id='username' type="text"/>
                        <p class="field-tips">
                            小于12个字符
                        </p>
                    </div>
                    <div class='sign-field'>
                        <span>设置密码：</span>
                        <input id='password' type="password"/>
                        <p class="field_tips">
                            6-16个字符
                        </p>
                    </div>
                    <div class='sign-field'>
                        <span>重复密码：</span>
                        <input id='repassword' type="password"/>
                        <p class="field_tips">
                            青再次输入您的密码
                        </p>
                    </div>
                    <div class='sign-field'>
                        <span>验证码：</span>
                        <input id='validate_code' type="password"/>
                        <p class="field_tips">
                            请输入图示运算结果
                        </p>
                    </div>
                    <div class='sign-field'>
                        <input type="submit" value="注册" id="signup_btn" class="sign_btn">
                    </div>
                    <div class='sign-field'>
                        <input type="checkbox" id="agreement" class="agreement">
                        我已阅读并接受<a href="#">使用协议</a></input>
                    </div>
                </div>
                <div id="vendor_entry" class="vendor-entry">
                    <ul >
                        通过合作网站直接登录开个价
                        <li><img src="static/img/vendor_logo_sample.png">MSN
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">人人网
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">新浪微博
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">QQ
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">支付宝
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">盛大通行证
                        </li>
                        <li><img src="static/img/vendor_logo_sample.png">更多
                        </li>
                    </ul>
                </div>
            </div>
            <div id="follow_us" class="follow-us">
                <ul class="ui-ul1">
                    关注开个价：
                    <li><a><img src="static/img/vendor_logo_sample.png">wenzi</a>
                    </li>
                    <li><a><img src="static/img/vendor_logo_sample.png"></a>
                    </li>
                    <li><a><img src="static/img/vendor_logo_sample.png"></a>
                    </li>
                    <li><a><img src="static/img/vendor_logo_sample.png"></a>
                    </li>
                </ul>
            </div>
        </div>




        <div id="header" class="ui-header">
            <div id="logo" class="header-logo">
                <img src="static/img/small_white_logo.png">
            </div>
            <div id="user_menu" class="user_menu">
                <ul id="menu" class="ui-ul1">
                    <li>
                        <a id="login_ln" href="#">登录</a>
                    </li>
                    <li>
                        <a id="signup_ln" href="#">注册</a>

                    </li>
                    <li>
                        <a id="help_ln" href="#">帮助</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="nav_bar" class="ui-nav-bar">
            <ul id="nav_list" class="ui-ul1">
                <li>
                    <a>首页</a>
                </li>
                <li>
                    <a>衣服</a>
                </li>
                <li>
                    <a>袜子</a>
                </li>
                <li>
                    <a>包包</a>
                </li>
                <li>
                    <input id="q_s" type="text" placeholder="--search--"/>
                </li>
            </ul>
        </div>



        <!-- 	content	 -->
        <div id="homepage_content"  class="homepage-content">
            <div id="category" class="category">
                <ul id="nav" class="ui-ul1">
                    <li>
                        <a href="#">All</a>
                    </li>
                    <li>
                        <a href="#">About</a>
                        <ul>
                            <li>
                                <a href="#">History</a>
                            </li>
                            <li>
                                <a href="#">Team</a>
                            </li>
                            <li>
                                <a href="#">Offices</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Services</a>
                        <ul>
                            <li>
                                <a href="#">Web Design</a>
                            </li>
                            <li>
                                <a href="#">Internet Marketing</a>
                            </li>
                            <li>
                                <a href="#">Hosting</a>
                            </li>
                            <li>
                                <a href="#">Domain Names</a>
                            </li>
                            <li>
                                <a href="#">Broadband</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Contact Us</a>
                        <ul>
                            <li>
                                <a href="#">United Kingdom</a>
                            </li>
                            <li>
                                <a href="#">France</a>
                            </li>
                            <li>
                                <a href="#">USA</a>
                            </li>
                            <li>
                                <a href="#">Australia</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div id="window" class="window">
                橱窗
            </div>
        </div>


        <div id="hot" class="product-window" >
            <div>
                <img src="static/img/arroa2.png"></img>
            </div>
            <div class="window">
                <div class="window-title">
                    <p>最受欢迎的商品排名</p>
                    <a href="#">更多</a>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>


            </div>
        </div>

        <div id="hot" class="product-window" >
            <div>
                <img src="static/img/arroa2.png"></img>
            </div>
            <div class="window">
                <div class="window-title">
                    <p>最受欢迎的商品排名</p>
                    <a href="#">更多</a>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>
                <div class="product">
                    <div class="product_img">
                        product img
                    </div>
                    <div class="product-title">
                        TOMMY HILFIGER 经典汤米“1985”T恤*435943
                    </div>
                    <div class="product-prise">
                        <span class="current-prise">￥199.00</span>
                        <span class="old-prise">￥1000.00</span>
                    </div>
                    <div class="time">
                        <span class="time-title">剩余时间:</span><span class="deadline">  00:00:00 </span>
                    </div>
                </div>


            </div>
        </div>


        <!--  centent -->





        <div id="footer" class="ui-footer">
            footer
        </div>

    </body>
</html>
